/*
 * 第一方案
.cs-switch {display: block; width:36px; height:20px;border-radius: 10px; padding: 2px; cursor: pointer;}
.cs-switch.on {background-color: #afb1b3; text-align: right;}
.cs-switch.off {background-color: #5a5a5a; text-align: left;}
.cs-switch::before, .cs-switch>.cs-switch-handler {display: inline-block; background-color:#2b2b2b; width:16px; height:16px; border-radius: 8px;}
.cs-switch::before {content: ' '}
*/
/**
 * 第二方案，也很牛逼
*/
.cs-switch {display: block; width:36px; height:20px;border-radius: 10px; padding: 0 3px; cursor: pointer; border:1px solid #666; background-color:#2b2b2b}
.cs-switch.disabled {cursor: default;}
.cs-switch.on {text-align: right;}
.cs-switch.off {text-align: left;}
.cs-switch::before, .cs-switch>.cs-switch-handler {display: inline-block; background-color:#2b2b2b; width:12px; height:12px; border-radius: 6px;}
.cs-switch::before {content: ' '}

.cs-switch.on::before {background-color:#afb1b3}
.cs-switch.off::before {background-color:#5a5a5a}
.cs-switch.disabled::before {background-color:#3c3f41}